<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="lib/react.development.js"></script>
	<script src="lib/react-dom.development.js"></script>
	<style>
		.title{
			color:green;
			font-size:38px;
		}
	</style>
</head>
<body>
<div id="app"></div>
</body>
<script>
	"use strict";
	
	var root = ReactDOM.createRoot(document.querySelector("#app"));
	var str = "我爱你中国，我亲爱的母亲，我为你骄傲，也为你自豪！";
	var style = {
		color: "red",
		fontSize: "20px"
	};
	var num = 10;
	var num2 = 20;
	root.render(
		React.createElement(
			"div",
			null,
			React.createElement(
				"h3",
				{
					style: style
				},
				str
			),
			React.createElement(
				"div",
				null,
				React.createElement(
					"span",
					{
						className: "title"
					},
					num
				),
				React.createElement(
					"span",
					null,
					num2
				)
			)
		)
	);
</script>
</html>